<template>
  <van-tabbar v-model="active">
    <tarBarHome bar_url="/home" bar_icon="home-o">首页</tarBarHome>
    <tarBarCate bar_url="/cate" bar_icon="apps-o">分类</tarBarCate>
    <tarBarCart bar_url="/cart" bar_icon="cart-o">购物车</tarBarCart>
    <tarBarUser bar_url="/user" bar_icon="user-o">我的</tarBarUser>
    <!--      <tarBarHome home_url="/home" home_icon="home-o" #home>首页</tarBarHome>-->
    <!--      <tarBarHome cate_url="/cate" cate_icon="apps-o" #cate>分类</tarBarHome>-->
    <!--      <tarBarHome cart_url="/cart" cart_icon="cart-o" #cart>购物车</tarBarHome>-->
    <!--      <tarBarHome user_url="/user" user_icon="user-o" #user>我的</tarBarHome>-->
  </van-tabbar>
</template>

<script>
import tarBarHome from "/src/components/slot/bar/tarBarHome.vue";
import tarBarCate from "/src/components/slot/bar/tarBarCate.vue";
import tarBarCart from "/src/components/slot/bar/tarBarCart.vue";
import tarBarUser from "/src/components/slot/bar/tarBarUser.vue";
import {ref}      from 'vue';

export default {
  components: {tarBarHome, tarBarCate, tarBarCart, tarBarUser},
  name: "tarBar",
  data() {
    return {
      active:null
    }
  }

}
</script>

<style scoped>

</style>